import React from 'react'

/**
 * 绑定属性  class要换成 className  
 * for要换成 htmlfor 
 * style要换成  <div style= {{"color: 'red"}}> ...   
 */
class Home3 extends React.Component {
    constructor(props){
        super(props); 
        this.state = {
            msg: "我是一个home组件", 
            title: "我是一个title",
            color: 'red', 
            style: {
                'color': 'red'
            }
        }
    }

    render() {
        return (
            <div> 
                <h2> {this.state.msg}</h2>
                <div title="111">我是一个div</div>
                <div title={this.state.title}>我是一个div</div>
                <div className='red'>我是一个红色的div</div>
                <div className={this.state.color}>我是一个红色的div</div>
                <label htmlfor="name">姓名</label>
                <input id="name"/>
                <div style={{"color": 'red'}} >我是一个行内样式</div>
                <div style={this.state.style}>我是一个行内样式</div>
            </div>
        )
    }
}

export default Home3 